import { createRouter, createWebHashHistory } from 'vue-router'
import Nprogress from '../config/nprogress'
import { localCache } from '@/util/cache.ts'
import { Token } from '@/global/constants'



const routes = [
{
    path: '/',
    redirect: '/home',
},
{
    path: '/login',
    name: 'Login',
    meta: { title: '测试运维平台' },
    component: ()=> import('@/views/login/Login.vue'),
    isMenu: false
},
{
    path: '/home',
    name: 'home',
    component: () => import('@/views/home/Home.vue')
},
]

const router = createRouter({
  history: createWebHashHistory(import.meta.env.BASE_URL),
  routes: routes,
})

// 路由守卫  参数： to 跳转到的位置，  from 从那里跳转过来   返回值: 返回值决定我们的导航方向（不返回或者返回undefined）
//  如： 从 /  跳转到  /home   则： to /home   from /
router.beforeEach(async (to, from) => {
  // 使用进度条
  // Nprogress.start()
  const token = localCache.getCache(Token)
  if (to.path === '/home' && !token) {
    //  如果登录成功才能跳转到 home

      return '/login'
  }
  // next()
})


//  跳转结束
// router.afterEach(() => {
//   Nprogress.done()
// })
//
// // 路由跳转失败
// router.onError((error) => {
//     Nprogress.done()
//     console.warn("路由错误", error.message)
// })



export default router


